<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/00_page_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title></title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="style.css" />
<link type="text/css" href="css/excite-bike/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:79px;
	top:485px;
	width:153px;
	height:34px;
	z-index:1;
}
-->
</style>
</head>
<body>
	
	<div id="header">
  <div id="header-layer1">
			<div id="header-wrapper">
				<div class="logo align-left">
					<img src="images/logo.png" alt="" class="logo-img" />
				</div>
				<div class="menu-link align-left">
					<!--
					<div class="header-nav">
						<ul>
							<li>
								<a href="">Link 1</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
							<li>
								<a href="">Link 2</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
						</ul>
					</div>
					-->
				</div>
				<div class="social align-right">
					<a href="" class="login-btn">Login</a><span class="sperator">|</span>
                    <a href="#" class="join-with-btn">Join with <img src="images/facebook.png" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
	
	<div id="content">
		<div id="content-wrapper">
        	<!-- InstanceBeginEditable name="child-content" -->
            <div class="large">
            	<table>
          <thead>
            <tr>
              <td colspan="5" id="textarea">School Admin View Transaction History</td>
            </tr>
          </thead>
          <tfoot>
          </tfoot>
          <tbody>
          <tr>
          <td colspan="2">&nbsp;</td>
          </tr>
          <tr>
          <td width="12%" align="center">Parent</td>
          <td width="26%" align="left"><select name="list_menu" id="list_menu">
            <option>All</option>
            <option>item1</option>
            <option>item2</option>
            <option>item3</option>
            <option>item4</option>
            <option>item5</option>
            <option>item6</option>
          </select></td>
          </tr>
            <tr>
              <td height="48" colspan="2" id="textarea">Date start <input name="date start" type="text" size="25" maxlength="10" />&nbsp;&nbsp;<img src="images/calendar.gif" /></td>
              <td width="37%" id="textarea">Date end <input name="date end" type="text" size="25" maxlength="10" />&nbsp;&nbsp;<img src="images/calendar.gif" /></td>
              <td width="25%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('search','','images/button/search-after.png',1)"><img src="images/button/search-but.png" name="search" width="162" height="48" border="0" id="search" /></a></td>
            </tr>
                <tr>
                <td colspan="2"></tr>
<td colspan="4"><div style="padding-left:150px; padding-right:150px; padding-top: 30px; text-align: justify;"></div></td>
    <tr>
            <tr>
            	<td colspan="4">
                	<div align="center">
                	  <table width="72%">
                	    <tr>
                	      <td width="35%" bgcolor="#CCCCCC">payment Dated</td>
                	      <td width="35%" bgcolor="#CCCCCC">Amount</td>
                	      <td width="30%" bgcolor="#CCCCCC">Descriptions</td>
                	      </tr>
                	    <tr>
                	      <td bgcolor="#84B7F8">12/12/2011</td>
                	      <td bgcolor="#84B7F8">10</td>
                	      <td bgcolor="#84B7F8">Des one</td>
                	      </tr>
                	    <tr>
                	      <td>12/12/2011</td>
                	      <td>30</td>
                	      <td>Des two</td>
                	      </tr>
                	    <tr>
                	      <td bgcolor="#84B7F8">12/12/2011</td>
                	      <td bgcolor="#84B7F8">40</td>
                	      <td bgcolor="#84B7F8">Des three</td>
                	      </tr>
                	    <tr>
                	      <td>12/12/2011</td>
                	      <td>340</td>
                	      <td>Des three</td>
                	      </tr>
                	    <tr>
                	      <td bgcolor="#84B7F8">12/12/2011</td>
                	      <td bgcolor="#84B7F8">50</td>
                	      <td bgcolor="#84B7F8">Des three</td>
                	      </tr>
                	    </table>
           	    </div></td>
            </tr>
                <tr>
                  <td colspan="2"></tr>
<td colspan="4"><div style="padding-left:150px; padding-right:150px; padding-top: 30px; text-align: justify;"></div></td>
    <tr>
            <tr>
              <td height="91" colspan="4"><ul class="navigation">
          <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#"> >> </a></li>
              </ul></td>
            </tr>
            <tr>
				<td colspan="2" align="right"><label>Some text</label></td>
              <td align="center"><label>Some text</label></td>
                <td align="left"><label>Some text</label></td>
            </tr>
            <tr class="tfoot">
            	<td colspan="5" id="textarea">&nbsp;</td>
            </tr>
          <tr>
            
        </table>
        </div>
        
<!-- InstanceEndEditable --></div></div>
	
	<div id="footer">
		<div id="footer-wrapper">
			<div class="copyright">
				<div class="facebook-like-btn align-left">
                Lorem ipsum dolor sit amet
				</div>
				<div class="copy-text align-right">
					<p>Please help us improve HappyShoolMeals.com. Please 
                    	<a href="#" >take the user survey and give us feedback</a>
                     </p>
				</div>
			</div>
			<div class="footer-link">
				<div class="primary-link">
					<ul>
						<li><a href="">About us</a></li>
						<li><a href="">HappyschoolBlog</a></li>
						<li><a href="">FAQs</a></li>
						<li><a href="">Terms</a></li>
                        <li><a href="">Contact HappySchoolMeal</a></li>
		        <li><a href="">Privacy Policy</a></li>
						<li><a href="">Disclosures</a></li>
						
				  </ul>
				</div>
				<div class="secondary-link">
					<ul>
						<li>
							<a href="" class="link-1">Link Here </a>
						</li><li>
							<a href="" class="link-2">Link Here</a>
						</li><li>
							<a href="" class="link-3">Link Here</a>
						</li><li>
							<a href="" class="link-4">Link Here</a>
						</li><li>
							<a href="" class="link-5">Link Here</a>
						</li><li>
							<a href="" class="link-6">Link Here</a>
						</li><li>
							<a href="" class="link-7">Link Here</a>
						</li><li>
							<a href="" class="link-8">Link Here</a>
						</li><li>
							<a href="" class="link-9">Link Here</a>
						</li><li>
							<a href="" class="link-10">Link Here</a>
						</li><li>
							<a href="" class="link-11">Link Here</a>
						</li><li>
							<a href="" class="link-12">Link Here</a>
						</li><li>
							<a href="" class="link-13">Link Here</a>
						</li><li>
							<a href="" class="link-14">Link Here</a>
						</li><li>
							<a href="" class="link-15">Link Here</a>
						</li><li>
							<a href="" class="link-16">Link Here</a>
						</li><li>
							<a href="" class="link-17">Link Here</a>
						</li><li>
							<a href="" class="link-18">Link Here</a>
						</li><li>
							<a href="" class="link-19">Link Here</a>
						</li><li>
							<a href="" class="link-20">Link Here</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
<!-- InstanceEnd --></html>